<!DOCTYPE html>
<html lang="en">
<head>
<title>Gallery</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Your description">
<meta name="keywords" content="Your keywords">
<meta name="author" content="Your name">

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/touchTouch.css" rel="stylesheet">
<link href="css/isotope.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/select2.css" rel="stylesheet">
<link href="css/smoothness/jquery-ui-1.10.0.custom.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/superfish.js"></script>

<script src="js/select2.js"></script>

<script src="js/jquery.parallax-1.1.3.resize.js"></script>

<script src="js/SmoothScroll.js"></script>

<script src="js/jquery.appear.js"></script>

<script src="js/jquery.caroufredsel.js"></script>
<script src="js/jquery.touchSwipe.min.js"></script>

<script src="js/jquery.ui.totop.js"></script>

<script src="js/touchTouch.jquery.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/imagesloaded.pkgd.js"></script>

<script src="js/script.js"></script>

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="not-front page-gallery">

<div id="main">

<div class="top1_wrapper">
        <div class="container">
            <div class="top1 clearfix">
                <div class="email1"><a href="#">yangy945@qq.com</a></div>
                <div class="phone1">+159 7919 4321</div>
                <div class="social_wrapper">
                    <ul class="social clearfix">
                        <li><a href="#" data-toggle="modal" data-target="#loginModalbox">登录</a>
                            <!-- Modal -->
                            <div class="modal fade kd-loginbox" id="loginModalbox" tabindex="-1" role="dialog"
                                 aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-body">
                                            <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span
                                                    aria-hidden="true">&times;</span></a>
                                            <div class="kd-login-title">
                                                <div class="kd-login-sepratore"><span>登录</span></div>
                                            </div>
                                            <form>
                                                <p><i class="fa fa-envelope-o"></i> <input type="text" placeholder="邮箱">
                                                </p>
                                                <p><i class="fa fa-lock"></i> <input type="password" placeholder="密码">
                                                </p>
                                                <p><input type="submit" value="马上登录" class="thbg-color"></p>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#" data-toggle="modal" data-target="#registerModalbox">注册</a>
                            <div class="modal fade kd-loginbox" id="registerModalbox" tabindex="-1" role="dialog"
                                 aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-body">
                                            <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span
                                                    aria-hidden="true">&times;</span></a>
                                            <div class="kd-login-title">
                                                <div class="kd-login-sepratore"><span>注册</span></div>
                                            </div>
                                            <form>
                                                <p><i class="fa fa-envelope-o"></i> <input type="text" placeholder="邮箱">
                                                </p>
                                                <p><i class="fa fa-lock"></i> <input type="password" placeholder="密码">
                                                </p>
                                                <p><i class="fa fa-lock"></i> <input type="password" placeholder="确认密码">
                                                </p>
                                                <p><input type="submit" value="立即注册" class="thbg-color"></p>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="lang1">
                    <div class="dropdown">
                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">简体中文<span
                                class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a class="ge" href="#">German</a></li>
                            <li><a class="en" href="#">English</a></li>
                            <li><a class="ru" href="#">Russian</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="top2_wrapper">
        <div class="container">
            <div class="top2 clearfix">
                <header>
                    <div class="logo_wrapper">
                        <a href="index.html" class="logo">
                            <img src="images/logo.png" alt="" class="img-responsive">
                        </a>
                    </div>
                </header>
                <div class="navbar navbar_ navbar-default">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="navbar-collapse navbar-collapse_ collapse">
                        <ul class="nav navbar-nav sf-menu clearfix">
                            <li><a href="index.html">首页</a></li>
							<li><a href="about.html">关于我们</a></li>
							<li><a href="gallery.html">旅游图册</a></li>
                            <li><a href="hotels.html">酒店</a></li>
                            <li><a href="contacts.html">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div id="parallax2" class="parallax">
  <div class="bg2 parallax-bg"></div>
  <div class="overlay"></div>
  <div class="parallax-content">
    <div class="container">





    </div>
  </div>
</div>

<div class="breadcrumbs1_wrapper">
  <div class="container">
    <div class="breadcrumbs1"><a href="index.html">主页</a><span>/</span>旅游图册</div>
  </div>
</div>

<div id="content">
  <div class="container">

    <div id="options" class="clearfix">
        <ul id="filters" class="pagination option-set clearfix" data-option-key="filter">
          <li><a href="#filter" data-option-value="*" class="selected">全部</a></li>
          <li><a href="#filter" data-option-value=".isotope-filter1">旅行</a></li>
          <li><a href="#filter" data-option-value=".isotope-filter2">乘船游览</a></li>
          <li><a href="#filter" data-option-value=".isotope-filter3">酒店</a></li>
        </ul>
      </div><!-- #options -->

      <div class="isotope-box">
        <div id="container" class="clearfix">
          <ul class="thumbnails clearfix" id="isotope-items">
            <div class="grid-sizer col-sm-4"></div>
            <div class="gutter-sizer"></div>

            <li class="element isotope-filter3 col-sm-4 col-xs-12">
              <div class="thumb-isotope">
                <div class="thumbnail clearfix">
                  <a href="images/gallery01.jpg" rel="prettyPhoto[mix]" title="Photo">
                    <figure>
                      <img src="images/gallery01.jpg" alt=""><em></em>
                    </figure>
                    <div class="caption">
                      <div class="txt1">法国戛纳</div>
                      <div class="txt2">假日酒店</div>
                    </div>
                  </a>
                </div>
              </div>
            </li>
            <li class="element isotope-filter1 isotope-filter2 col-sm-8 col-xs-12">
              <div class="thumb-isotope">
                <div class="thumbnail clearfix">
                  <a href="images/gallery02.jpg" rel="prettyPhoto[mix]" title="Photo">
                    <figure>
                      <img src="images/gallery02.jpg" alt=""><em></em>
                    </figure>
                    <div class="caption">
                      <div class="txt1">cannes, france</div>
                      <div class="txt2">hotel carlton</div>
                    </div>
                  </a>
                </div>
              </div>
            </li>
            <li class="element isotope-filter3 col-sm-4 col-xs-12">
              <div class="thumb-isotope">
                <div class="thumbnail clearfix">
                  <a href="images/gallery03.jpg" rel="prettyPhoto[mix]" title="Photo">
                    <figure>
                      <img src="images/gallery03.jpg" alt=""><em></em>
                    </figure>
                    <div class="caption">
                      <div class="txt1">cannes, france</div>
                      <div class="txt2">hotel carlton</div>
                    </div>
                  </a>
                </div>
              </div>
            </li>
            <li class="element isotope-filter1 col-sm-4 col-xs-12">
              <div class="thumb-isotope">
                <div class="thumbnail clearfix">
                  <a href="images/gallery04.jpg" rel="prettyPhoto[mix]" title="Photo">
                    <figure>
                      <img src="images/gallery04.jpg" alt=""><em></em>
                    </figure>
                    <div class="caption">
                      <div class="txt1">cannes, france</div>
                      <div class="txt2">hotel carlton</div>
                    </div>
                  </a>
                </div>
              </div>
            </li>
            <li class="element isotope-filter1 col-sm-4 col-xs-12">
              <div class="thumb-isotope">
                <div class="thumbnail clearfix">
                  <a href="images/gallery05.jpg" rel="prettyPhoto[mix]" title="Photo">
                    <figure>
                      <img src="images/gallery05.jpg" alt=""><em></em>
                    </figure>
                    <div class="caption">
                      <div class="txt1">cannes, france</div>
                      <div class="txt2">hotel carlton</div>
                    </div>
                  </a>
                </div>
              </div>
            </li>
            <li class="element isotope-filter3 isotope-filter2 col-sm-4 col-xs-12">
              <div class="thumb-isotope">
                <div class="thumbnail clearfix">
                  <a href="images/gallery07.jpg" rel="prettyPhoto[mix]" title="Photo">
                    <figure>
                      <img src="images/gallery07.jpg" alt=""><em></em>
                    </figure>
                    <div class="caption">
                      <div class="txt1">cannes, france</div>
                      <div class="txt2">hotel carlton</div>
                    </div>
                  </a>
                </div>
              </div>
            </li>
            <li class="element isotope-filter1 col-sm-4 col-xs-12">
              <div class="thumb-isotope">
                <div class="thumbnail clearfix">
                  <a href="images/gallery06.jpg" rel="prettyPhoto[mix]" title="Photo">
                    <figure>
                      <img src="images/gallery06.jpg" alt=""><em></em>
                    </figure>
                    <div class="caption">
                      <div class="txt1">cannes, france</div>
                      <div class="txt2">hotel carlton</div>
                    </div>
                  </a>
                </div>
              </div>
            </li>
            <li class="element isotope-filter2 col-sm-12 col-xs-12">
              <div class="thumb-isotope">
                <div class="thumbnail clearfix">
                  <a href="images/gallery08.jpg" rel="prettyPhoto[mix]" title="Photo">
                    <figure>
                      <img src="images/gallery08.jpg" alt=""><em></em>
                    </figure>
                    <div class="caption">
                      <div class="txt1">cannes, france</div>
                      <div class="txt2">hotel carlton</div>
                    </div>
                  </a>
                </div>
              </div>
            </li>
            <li class="element isotope-filter3 col-sm-4 col-xs-12">
              <div class="thumb-isotope">
                <div class="thumbnail clearfix">
                  <a href="images/gallery09.jpg" rel="prettyPhoto[mix]" title="Photo">
                    <figure>
                      <img src="images/gallery09.jpg" alt=""><em></em>
                    </figure>
                    <div class="caption">
                      <div class="txt1">cannes, france</div>
                      <div class="txt2">hotel carlton</div>
                    </div>
                  </a>
                </div>
              </div>
            </li>
            <li class="element isotope-filter5 col-sm-8 col-xs-12">
              <div class="thumb-isotope">
                <div class="thumbnail clearfix">
                  <a href="images/gallery11.jpg" rel="prettyPhoto[mix]" title="Photo">
                    <figure>
                      <img src="images/gallery11.jpg" alt=""><em></em>
                    </figure>
                    <div class="caption">
                      <div class="txt1">cannes, france</div>
                      <div class="txt2">hotel carlton</div>
                    </div>
                  </a>
                </div>
              </div>
            </li>
            <li class="element isotope-filter1 isotope-filter3 col-sm-4 col-xs-12">
              <div class="thumb-isotope">
                <div class="thumbnail clearfix">
                  <a href="images/gallery10.jpg" rel="prettyPhoto[mix]" title="Photo">
                    <figure>
                      <img src="images/gallery10.jpg" alt=""><em></em>
                    </figure>
                    <div class="caption">
                      <div class="txt1">cannes, france</div>
                      <div class="txt2">hotel carlton</div>
                    </div>
                  </a>
                </div>
              </div>
            </li>




          </ul>
        </div>
      </div>





  </div>
</div>







 <div class="bot1_wrapper">
        <div class="container">
            <div class="row">
                <div class="col-sm-3">
                    <div class="logo2_wrapper">
                        <a href="index.html" class="logo2">
                            <img src="images/logo2.png" alt="" class="img-responsive">
                        </a>
                    </div>
                    <p>
                        视野旅游网，以“一起去旅游”为行动指南，意在打造一个开心快乐的旅游平台
                    </p>
                    <p>
                        <a href="#" class="btn-default btn2">Read More</a>
                    </p>
                </div>
                <div class="col-sm-3">
                    <div class="bot1_title">旅游指导</div>
                    <ul class="ul1">
                        <li><a href="#">待加入</a></li>
                    </ul>

                    <div class="social2_wrapper">
                        <ul class="social2 clearfix">
                            <li class="nav1"><a href="#"></a></li>
                            <li class="nav2"><a href="#"></a></li>
                            <li class="nav3"><a href="#"></a></li>
                            <li class="nav4"><a href="#"></a></li>
                            <li class="nav5"><a href="#"></a></li>
                            <li class="nav6"><a href="#"></a></li>
                        </ul>
                    </div>

                </div>
                <div class="col-sm-3">
                    <div class="bot1_title">我们的推荐</div>
                    <div class="twits1">
                        <div class="twit1">
                            <a href="#"> @travel</a> 普罗旺斯，美妙的旅途
                            <div class="date">5 minutes ago</div>
                        </div>
                        <div class="twit1">
                            <a href="#">@leo</a> 巴黎圣母院，遗憾至极
                            <div class="date">2 days ago</div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="bot1_title">时事指南</div>
                    <div class="newsletter_block">
                        <div class="txt1">内容不断更新中...</div>
                        <div class="newsletter-wrapper clearfix">
                            <form class="newsletter" action="javascript:;">
                                <input type="text" name="s" value='Email Address'
                                       onBlur="if(this.value=='') this.value='Email Address'"
                                       onFocus="if(this.value =='Email Address' ) this.value=''">
                                <a href="#" class="btn-default btn3">提交</a>
                            </form>
                        </div>
                    </div>
                    <div class="phone2">159 8766 7931</div>
                    <div class="support1"><a href="#">yangy@qq.com</a></div>
                </div>
            </div>
        </div>
    </div>

    <div class="bot2_wrapper">
        <div class="container">
            <div class="left_side">
                Copyright &copy; 2019.Yangyan·Liao.<a target="_blank" href="#"></a>
            </div>
            <div class="right_side"></div>
        </div>
    </div>
</div>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
